{% extends "base.html" %}
{% block showsList %}
    {% load truncatesmart %}
    {% load nextLetter %}
    {% load replaceImg %}
    <div id="home" title="Programas" selected="true" class="panel">
        <fieldset>
        {% for show in object_list %}
        {% if forloop.last %}
        {% else %}
        {% ifchanged %}
        <div class="group">
            <a name="{{ show.name|slice:"1"|upper }}"></a>
            {{show.name|slice:"1"|upper}}
            <a type="anchor" class="shortCut" href="#{{show.name|slice:"1"|nextLetter|upper}}"></a>
        </div>
        {% endifchanged %}
        {% endif %}
                <div class="row">
                    <label class="showName"><a href="#showInfo{{show.id}}" >{{ show.name|truncatesmart:26 }}</a></label>
                    <input id="checkedShow{{show.id}}" type="checkbox" name="checkedShows" value="{{show.id}}"/>
                </div>
        {% endfor %}
        </fieldset>
    </div>

    {% for show in object_list %}
    <div id="showInfo{{show.id}}" class="panel" title="Más información">
        <fieldset class="showInfo">
        {% autoescape off %}
        {{ show.info|safe|replaceImg }} 
        {% endautoescape %}
        </fieldset>
    </div>
    {% endfor %}    
{% endblock %}
